<ion-header>
  <ion-navbar>
    <ion-title>
      行走的音乐
    </ion-title>
    <!-- <ion-buttons end (tap)="connectBlueTooth()">
      <button ion-button>
        <ion-icon name="bluetooth"></ion-icon>
        蓝牙
      </button>
    </ion-buttons> -->
  </ion-navbar>
</ion-header>

<ion-content no-padding>

  <ion-card class="music_audio">
    <ion-card-header>
      <p>音乐Go</p>
    </ion-card-header>
    <ion-card-content no-padding>
      <div class="aplayer" #aplayer></div>
    </ion-card-content>
    <ion-row>
      <ion-col style="text-align:center;">
        <p style="text-align:center;">BPM</p>
        <p style="text-align:center;">{{newbpm}}</p>
      </ion-col>
      <ion-col style="text-align:center;">
        <p style="text-align:center;">曲风</p>
        <p style="text-align:center;">N/A</p>
      </ion-col>
    </ion-row>
  </ion-card>
  
  <ion-card class="running_info">
    <ion-item>
      当前运动
    </ion-item>
    <ion-card-content>
      <ion-row>
        <ion-col>
            <p>跑步里程</p>
          <p>{{miles}}m</p>
        </ion-col>
        <ion-col>
            <p>跑步速度</p>
          <p>{{runData?.move_speed}}m/s</p>
        </ion-col>
        <!-- <ion-col>
            <p>运动状态</p>
          <p>{{todayRunData.runstatus}}</p>
        </ion-col> -->
      </ion-row>
    </ion-card-content>
  </ion-card>

  <ion-card class="healthy_info">
    <ion-item>
      今日健康
    </ion-item>
    <ion-card-content>
      <ion-row>
        <ion-col>
          <p>{{runData?.heart_rate}}/min</p>
          <p>平均心率</p>
        </ion-col>
        <ion-col>
          <p>{{runData?.body_temp}}°</p>
          <p>平均体温</p>
        </ion-col>
      </ion-row>
    </ion-card-content>
  </ion-card>

</ion-content>
